<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>活动添加页面</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">编辑参会人员</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
            id="MainTable" ref="MainTable"
            :data-options="JSON.stringify({ 'TableName': 'village_activities', 'form': 'dataForm' ,'primary_key':'Village_Activity_SerialNumber'})">
            <div class="yl-main">
                <div class="table_titel">
                    <div class="titel">议提信息</div>
                </div>
                <el-form :model="dataForm" ref="form" :inline-message="true" style="width: 100%">
                    <el-descriptions :column="1" size="large" border>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">议提名称</div>
                            </template>
                            <el-input disabled v-model="dataForm.Activity_Name" class="borderless-input"
                                placeholder="请输入议提名称" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">所属村集体</div>
                            </template>
                            <yl-cascader disabled v-model="dataForm.Village_SerialNumber" filterable
                                :props="{value:'ProvinceNumber',label:'Province',children:'children',checkStrictly: true}"
                                placeholder="请选择所属村集体" :options="Manager" style="width: 100%"></yl-cascader>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                              <div class="cell-item">议事厅类型</div>
                            </template>
                            <el-select v-model="dataForm.Is_Assembly" placeholder="请选择议事厅类型" size="large">
                              <el-option v-for="item in village_assembly_hall_type" :key="item.Assembly_Hall_Type_SerialNumber" :label="item.Assembly_Hall_Type" :value="item.Assembly_Hall_Type_SerialNumber" />
                            </el-select>
                          </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">议题类型</div>
                            </template>
                            <el-select disabled v-model="dataForm.Activity_Type" placeholder="请选择活动类型" size="large">
                                <el-option v-for="item in activityType" :key="item.Village_Activities_Type_SerialNumber"
                                    :label="item.Village_Activities_Type"
                                    :value="item.Village_Activities_Type_SerialNumber" />
                            </el-select>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">会议时间</div>
                            </template>
                            <el-date-picker disabled v-model="dataForm.Activity_Datetime" type="datetime"
                                placeholder="请选择会议时间" class="borderless-input" format="YYYY-MM-DD HH:mm:ss"
                                value-format="YYYY-MM-DD HH:mm:ss" size="large" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">会议地点</div>
                            </template>
                            <el-input disabled ref="party_organization_activities" v-model="dataForm.Activity_Location"
                                class="borderless-input" placeholder="请输入会议地点" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">参与积分</div>
                            </template>
                            <el-input-number disabled v-model="dataForm.Activity_Points" :min="1" :max="10" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">内容摘要</div>
                            </template>
                            <el-input disabled type="textarea" :rows="5" ref="party_organization_activities"
                                v-model="dataForm.Activity_Content" class="borderless-input" placeholder="请输入内容摘要" />
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">记录人</div>
                            </template>
                            <el-form-item prop="Recorder_SerialNumber"
                                :rules="[{ required: true, message: '请选择记录人', trigger: 'change' }]">
                                <yl-select disabled v-model="dataForm.Recorder_SerialNumber" clearable filterable
                                    placeholder="请选择记录人" :options="Recorder"
                                    :props="{value:'ID_Card_Number',label:'Personal_Name'}">
                                    <el-table-column prop="ID_Card_Number" width="180" show-overflow-tooltip
                                        label="身份证号"></el-table-column>
                                    <el-table-column prop="Personal_Name" show-overflow-tooltip
                                        label="姓名"></el-table-column>
                                    <el-table-column prop="Birthday" show-overflow-tooltip
                                        label="出生日期"></el-table-column>
                                    <el-table-column prop="Gender" label="性别"></el-table-column>
                                    <el-table-column prop="Nation" label="民族"></el-table-column>
                                    <el-table-column prop="Registered_Residence" show-overflow-tooltip
                                        label="籍贯"></el-table-column>
                                    <el-table-column prop="Contact_Phone" label="联系方式"></el-table-column>
                                </yl-select>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template #label>
                                <div class="cell-item">参会人员</div>
                            </template>
                            <yl-select v-model="members" clearable filterable placeholder="请选择参会人员" :options="Recorder"
                                :props="{value:'ID_Card_Number',label:'Personal_Name', multiple:true}">
                                <el-table-column prop="ID_Card_Number" width="180" show-overflow-tooltip
                                    label="身份证号"></el-table-column>
                                <el-table-column prop="Personal_Name" show-overflow-tooltip
                                    label="姓名"></el-table-column>
                                <el-table-column prop="Birthday" show-overflow-tooltip label="出生日期"></el-table-column>
                                <el-table-column prop="Gender" label="性别"></el-table-column>
                                <el-table-column prop="Nation" label="民族"></el-table-column>
                                <el-table-column prop="Registered_Residence" show-overflow-tooltip
                                    label="籍贯"></el-table-column>
                                <el-table-column prop="Contact_Phone" label="联系方式"></el-table-column>
                            </yl-select>
                        </el-descriptions-item>
                    </el-descriptions>
                </el-form>
                <div id="ChildTable">
                    <el-descriptions
                        :data-options="JSON.stringify({ 'TableName': 'village_activities_members', 'form': 'childDataForm', 'ParentTableName': 'village_activities'})"></el-descriptions>
                </div>
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
            <el-button type="primary" plain @click="handleSubmit" :loading="loading">提交</el-button>
        </footer>
    </div>
</body>
<script src="../../../yl/vue.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/utils.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/addbm.js"></script>

</html>